<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>综合服务 温馨提示</title>
    <!--公用样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
    <!--页面样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/style.css"/>
    <!--Layui-->
    <link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
    <!--页面样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/extended.css"/>
    <link rel="stylesheet" href="${re.contextPath}/plugin/css/khd.css">
    <!--JQ-->
    <script type="text/javascript" charset="utf-8"
            src="${re.contextPath}/plugin/common/js/jquery-1.8.3.min.js"></script>
    <!--Layui-->
    <script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.js" charset="utf-8"></script>
    <!--公用样式JS-->
    <script type="text/javascript" src="${re.contextPath}/plugin/common/js/comment.js" charset="utf-8"></script>
    <style>
        .layui-laypage-limits > select {
            width: 100% !important;
        }

        .tips {
            width: 100%;
            height: 100%;
            background-color: #fff;
            overflow: auto;
            border-radius: 4px;
        }
    </style>
</head>

<body>
<!--容器-->

<div class="mask" style="width: 100%;height: 100%;position: fixed;top: 0;background: rgba(0,0,0,0.5);z-index: 1;">
    <div class="tips" style="">
        <div class="tipsPic" style="width: 80%;margin: 3% auto;border-radius: 10px;min-width: 600px;">
            <img src="${re.contextPath}/plugin/common/images/hb2.png" alt=""
                 style="width: 100%;height: 280px;border-radius: 10px;">
        </div>
        <div class="tipsTitle" style="width: 85%;margin: 0 auto;text-align: center;min-width: 600px;">
            <input type="hidden" id="examId" value="${ks.examId}">
            <div style="height: 30px;line-height: 30px;margin: 0 auto;font-size: 17px;">${ks.examName}</div>
            <p style="width: 100%;height: 30px;line-height: 30px;font-size: 13px;color: #828282;">总分：${ks.totalScore} |
                及格分：${ks.passScore} | 类别：${ks.category} | 考试开始时间：${ks.startTime} | 考试结束时间：${ks.endTime}</p>
        </div>
        <div style="width: 85%;border: 1px solid #f2f2f2;margin: 0 auto;min-width: 600px;"></div>
        <div class="tipsWord" style="width: 85%;font-size: 15px;color: #828282;margin: 0 auto;min-width: 600px;">
            ${ks.content}
        </div>
        <div class="tipsBtn"
             style="width: 315px;height: 45px;display: flex;justify-content: space-between;line-height: 45px;text-align: center;margin: 20px auto 50px;">
            <div id="close_button" class="close" onclick="closes()"
                 style="width: 90px;border: 1px solid #828282;color: #828282;box-sizing: border-box;border-radius: 10px">
                取消
            </div>
            <div id="to_test" class="nextText" onclick="toTest()"
                 style="width: 90px;background-color: #3e7ce7;color: #fff;border-radius: 10px">去考试
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="${re.contextPath}/pageoffice.js" id="po_js_main"></script>
<script type="text/javascript" src="${re.contextPath}/plugin/tools/tool.js"></script>
<script>
    let layer;
    layui.use(['table'], function () {

    });

    // 点击取消，关闭窗口
    function closes() {
        let index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }

    // 点击去考试,请求跳转新页面
    async function toTest() {
        await closes();
        // setTimeout(()=>{
        await window.open("/exam/client/testContentDoExam?examId=" + $("#examId").val());
        // },1000)
    }
</script>
</body>
</html>